<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">

  <title>熊茂屹的爬虫作业--知乎大咖信息</title>
  <meta content="" name="description">
  <meta content="" name="keywords">

  <!-- Favicons -->
  <link href="assets/img/favicon.png" rel="icon">
  <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">

  <!-- Google Fonts -->
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">

  <!-- Vendor CSS Files -->
  <link href="assets/vendor/aos/aos.css" rel="stylesheet">
  <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
  <link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
  <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
  <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">

  <!-- Template Main CSS File -->
  <link href="assets/css/style.css" rel="stylesheet">

  <!-- =======================================================
  * Template Name: iPortfolio - v3.7.0
  * Template URL: https://bootstrapmade.com/iportfolio-bootstrap-portfolio-websites-template/
  * Author: BootstrapMade.com
  * License: https://bootstrapmade.com/license/
  ======================================================== -->
</head>

<body>

  <!-- ======= Mobile nav toggle button ======= -->
  <i class="bi bi-list mobile-nav-toggle d-xl-none"></i>

  <!-- ======= Header ======= -->
  <header id="header">
    <div class="d-flex flex-column">

      <div class="profile">
        <img src="assets/img/profile-img.jpg" alt="" class="img-fluid rounded-circle">
        <h1 class="text-light"><a href="{{ url_for('search_for_name', name=session['name']) }}">Xiong Maoyi</a></h1>
      </div>

      <nav id="navbar" class="nav-menu navbar">
        <ul>
          {% for i in range(0,data['post_info']|length) %}
          <li><a href="#评论{{ i+1 }}" class="nav-link scrollto"><i class="bx bx-server"></i> <span>评论{{ i+1 }}</span></a></li>
          {% endfor %}
          <!-- <li><a href="#评论10" class="nav-link scrollto"><i class="bx bx-server"></i> <span>评论10</span></a></li> -->
        </ul>
      </nav><!-- .nav-menu -->
    </div>
  </header><!-- End Header -->

  <main id="main">

    <!-- ======= Breadcrumbs ======= -->
    <section class="breadcrumbs">
      <div class="container">

        <div class="d-flex justify-content-between align-items-center">
          {% if data['post_info']|length != 0 %}
          <h1>{{ data['post_info'][0][1] }}</h1>
          {% else %}
          <h1> 该贴文无评论信息 </h1>
          {% endif %}
          <ol>
            <li><a href="{{ url_for('search_for_name', name=session['name']) }}">主页</a></li>
            <li>贴文详细信息页</li>
          </ol>
        </div>

      </div>
    </section><!-- End Breadcrumbs -->

    <!-- <section class="inner-page">
      <div class="container">
        <p>
          Example inner page template
        </p>
      </div>
    </section> -->

    {% for i in range(data['post_info']|length) %}
    <!-- ======= 基本信息部分 ======= -->
    <section id="评论{{ i+1 }}" class="about">
      <div class="container">

        <div class="section-title">
          <h2>评论{{ i+1 }}--详细信息</h2>
          <!-- <p>Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat sit in iste officiis commodi quidem hic quas.</p> -->
        </div>

        <div class="row">
          <div class="content" data-aos="fade-left" data-aos-delay="100">
            <!-- 用户名 -->
            <h3>{{ data['post_info'][i][2] }}</h3>
            <div class="row">
              <div class="col-lg-12">
                <ul>
                  <li><i class="bi bi-chevron-right"></i> <strong>用户ID:</strong> <span>{{ data['post_info'][i][3] }}</span></li>
                  <li><i class="bi bi-chevron-right"></i> <strong>评论时间:</strong> <span>{{ data['post_info'][i][4] }}</span></li>
                  <li><i class="bi bi-chevron-right"></i> <strong>点赞次数:</strong> <span>{{ data['post_info'][i][6] }}</span></li>
                  <li><i class="bi bi-chevron-right"></i> <strong>评论内容:</strong></li>
                </ul>
              </div>
            </div>
            <!-- 个人简介主体部分 -->
            <p>
              {{ data['post_info'][i][5] }}
            </p>
          </div>
        </div>
      </div>
    </section><!-- End About Section -->
    {% endfor %}

  </main><!-- End #main -->
  
  <!-- ======= Footer ======= -->
  <footer id="footer">
    <div class="container">
      <div class="copyright">
        &ast; 熊茂屹 <strong><span>201902923014</span></strong>
      </div>
      <div class="credits">
        <!-- All the links in the footer should remain intact. -->
        <!-- You can delete the links only if you purchased the pro version. -->
        <!-- Licensing information: https://bootstrapmade.com/license/ -->
        <!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/iportfolio-bootstrap-portfolio-websites-template/ -->
        Mode <a href="https://bootstrapmade.com/">BootstrapMade</a>
      </div>
    </div>
  </footer><!-- End  Footer -->

  <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>

  <!-- Vendor JS Files -->
  <script src="assets/vendor/purecounter/purecounter.js"></script>
  <script src="assets/vendor/aos/aos.js"></script>
  <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
  <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
  <script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
  <script src="assets/vendor/typed.js/typed.min.js"></script>
  <script src="assets/vendor/waypoints/noframework.waypoints.js"></script>
  <!-- <script src="assets/vendor/php-email-form/validate.js"></script> -->

  <!-- Template Main JS File -->
  <script src="assets/js/main.js"></script>

</body>

</html>